Индивидуальный проект

Часть 1

Андрюшин Н. С.

Российский университет дружбы народов, Москва, Россия

27 февраля 2024

Информация

Докладчик

  • Андрюшин Никита Сергеевич
  • Студент
  • Российский университет дружбы народов
  • 1132231848@pfur.ru

Цель работы

Научиться создавать сайты с помощью Hugo и размещать их на хостинге github

Задачи

Установить необходимое программное обеспечение.
Скачать шаблон темы сайта.
Разместить его на хостинге git.
Установить параметр для URLs сайта.
Разместить заготовку сайта на Github pages.

Установка Hugo

Для начала необходимо скачать последнюю версию движка сайтов Hugo для ОС Linux

Скачивание Hugo

Установка Hugo

Далее, с помощью утилиты tar распакуем архив с Hugo

Распаковка Hugo

Установка Hugo

Установим Hugo, переместив исполняемый файл в директорию /usr/local/bin

Установка Hugo

Настройка репозитория

Зайдём на страницу шаблона для сайта https://github.com/wowchemy/starter-hugo-academic и создадим из неё репозиторий

Создание репозитория из шаблона

Настройка репозитория

Назовём наш репозиторий blog

Именование репозитория

Настройка репозитория

И клонируем созданный репозиторий к себе на компьютер

Клонирование репозитория

Установка Go

Установим язык Go на компьютер, так как он необходим для работы Hugo

Установка Go

Запуск Hugo

Запустим Hugo. В момент запуска он подготовит папку с сайтом, создав дополнительные каталоги

Запуск Hugo

Удаляем папку Public

Удалим папку Public с помощью команды rm, так как пока она нам не нужна

Удаляем папку Public

Запуск Hugo Server

Теперь запустим Hugo с опцией server, которая позволит нам запустить наш сайт

Запуск Hugo Server

Вид запущенного сайта

Перейдя по адресу localhost:1313, мы увидим наш сайт

Вид запущенного сайта

Настройка второго репозитория

Теперь создадим второй репозиторий, на котором будет висеть наш сайт. Его нужно назвать в формате “Имя аккаунта на гитхаб + .github.io”

Создание второго репозитория

Настройка второго репозитория

Теперь клонируем наш пустой репозиторий на компьютер, создадим файл README.md и переключимся на ветку main

Клонирование второго репозитория и создание ветки с файлом README.md

Настройка второго репозитория

Обновляем репозиторий, делая коммит и выкладывая изменения на гитхаб

Обновление репозитория

Настройка сабмодуля

Далее, необходимо открыть файл .gitignore и закомментировать папку public

Редактирование файла .gitignore

Настройка сабмодуля

Теперь добавим второй репозиторий как сабмодуль первого, и он будет в себе хранить папку public

Создание сабмодуля

Настройка сабмодуля

Проверим корректность настройки сабмодуля

Проверка сабмодуля

Загрузка изменений в репозиторий

Теперь сделаем коммит

Создание коммита

Загрузка изменений в репозиторий

И выгрузим изменения на гитхаб

Загрузка изменений в репозиторий

Вид сайта на хостинге github

Теперь посмотрим, как выглядит наш сайт, который теперь располагается по адресу https://drnikiyprogrammingaccount.github.io/

Вид сайта на хостинге github

Выводы

В результате выполнения лабораторной работы был создан сайт, который находится на хостинге Github